.mt40 { margin-top: 40px; }







/*----baner begin---*/







.banner {







  width: 100%;







  position: relative;







  height: 480px;







  margin: 0 auto;







  background: transparent;







 







}







.banner .hd{  width:1180px;  z-index: 1;font-size: 20px; color:#000; margin:0 auto;position: relative;







 }















 







.banner .bd {







  margin: 0 auto;







  height: 100%;







  position: relative;







  z-index: 0;







  overflow: hidden;







}















.banner .bd ul {







  height: 100%;







  width: 100%;







}







.banner .bd li {







  height: 100%;







  overflow: hidden;







  text-align: center;







  background-position: center;







  background-repeat: no-repeat;







  width: 100%;







}























.banner .bd li a {







  display: block;







  height: 100%;







  width: 100%;







}















 







 







.banner .prev,







.banner .next {







  display: block;







  position: absolute;







  top: 50%;







  margin-top: -30px;







  left: 15%;







  z-index: 1;







  width: 40px;







  height: 60px;







  background: url(../images/slider-arrow.png) -126px -137px #000000 no-repeat;







  cursor: pointer;







  *filter: alpha(opacity=50);







  *opacity: .5;







  display: none;







}







.banner .next {







  left: auto;







  right: 15%;







  background-position: -6px -137px;







}























/*search*/















/*search*/







 







 







.search1 {   width: 513px; height: 45px; line-height: 45px;  background:none;margin-top: 15px;border: 1px solid #FFF; margin:20px 0 0 50px; }















.search1 .text { width:410px; height: 45px; float: left; background: none; line-height: 45px;  font-size: 16px; font-family: "Microsoft YaHei";  padding-left:10px; color:#fff; border:none;  }







.search1 .submit { width: 49px; height: 45px; cursor: pointer; float: right; background:url(../images/search_tag.jpg) no-repeat center center ;  }















 







 







 























 







 































h4, h3 { font-weight: normal; }







 







.gg1{background:url(images/gg1.jpg) no-repeat top center ;height: 211px;}























 















.gg2_left{margin: 50px 0 0 305px;}







 .gg2_left h4{font-size: 22px;font-weight: bold;color:#FFF;}







.gg2_left p{margin: 46px 0 0 97px;color:#fff;font-size: 18px;letter-spacing: 1px;}







.gg1_tel{margin: 68px 40px 0 0;}







.gg1_tel p{background: url(../images/gg_tel.jpg ) no-repeat left 7px;padding-left: 39px;color:#FFF;line-height: 30px;}















.gg1_tel span{font-size: 30px;color:#FFF;height: 40px;font-family: arial;display: block;font-weight: bold;}















.gg1_tel a{width: 162px;height: 44px;line-height: 44px;text-align: center;font-size: 18px;color:#000;display: block;background: #FFF;border-radius: 8px;float: left;margin-left: 4px;}















 























.pro_c ul{width: 174px;margin:10px auto 0;}







 







.pro_c li a:before{width:2px;height: 9px;background: #FFF;transform:rotate(90deg);transition: all .8s ease;display: block;position: absolute;left:0px;top:15px;content: "";}







.pro_c li a{padding-left: 30px;}























.pro_c li{height: 40px;line-height: 40px;display: block;overflow: hidden;border-bottom: 1px solid #2777c9;position: relative;transition: all 0.6s ease-in-out;}























.pro_c li:hover  {transform: translateX(-20px);}







 







.pro_c li:hover a:before{transform:rotate(0deg); }















.pro_c {width:245px;height: 806px;background:url(../images/pro_t.jpg) no-repeat top left #015fbf; position: relative;z-index: 3;margin-top: 14px;overflow: hidden; }







 







.pro_c li a{color:#FFF;}























 







 















.pro_cnav{width:174px;height: 100px;border-bottom: 3px solid #2777c9;margin:0 auto; }







.pro_cnav h3  {font-size: 28px; color:#FFF; display: block;font-weight: bold;margin:45px 0 0 20px;}







 







.pro_cnav span{font-size: 16px;font-weight: bold;color:#FFF;text-transform: uppercase;display: block;}







 































.pro_ct{ background: url(../images/pro_T.jpg) no-repeat top center;text-align: center; height: 96px;padding-top: 18px;























}























 







 







.pro_show_n ul{width:980px; }







.pro_show_n { position: relative; width:904px;margin-top: 28px; }







.pro_show_n li{float: left; margin:0px 34px 28px 0;width:276px;height: 250px;display: block;overflow:hidden; text-align: center;position: relative;  







  















}































 .pro_show_n li .pic { width: 268px; height: 206px;  overflow: hidden; display: block; padding:3px;border: 1px solid #d5d5d5; }







.pro_show_n li .pic img { width: 268px; height: 206px;-webkit-transition:all .2s;







-moz-transition:all .2s;







-o-transition:all .2s;







-ms-transition:all .2s;







transition:all .2s;







overflow:hidden; }







 







 .pro_show_n li .info{ height: 40px;line-height: 40px;display: block;overflow: hidden; font-size: 15px;background: #FFF; }















 















 .pro_show_n li:hover .pic img {







  transform: scale(1.2, 1.2);







  -ms-transform: scale(1.2, 1.2);







  /* IE 9 */







  -moz-transform: scale(1.2, 1.2);







  /* Firefox */







  -webkit-transform: scale(1.2, 1.2);







  -o-transform: scale(1.2, 1.2);







}























  















































/*gg2*/







 







i{font-style: normal;}







 







 































  























 .ys_dbg{background: url(../images/ys_dbg1.jpg) no-repeat top center;height: 725px; }







 







 .ys_dbg2{background: url(../images/ys_dbg2.jpg) no-repeat top center;height: 471px; }







 















  















 







.ys_t h4{font-size: 45px;font-weight: bold;color: #d63229;padding-top: 68px;letter-spacing: 6px;}







 







.ys_t h4 span{color: #015fbf;}















.ys_t p{font-size: 18px;color: #565656; }















.ys_t ul{margin-top: 22px;}







.ys_t ul li{width:100px;height: 28px;line-height: 28px;background:#d63229;margin:0px 5px;







  display: inline-block;color:#FFF;







}























.ys_com i{float: left;margin-top:6px;transition: all 0.6s ease-in-out;}















.ys_com h4{font-size: 30px;font-weight: bold;color: #015fbf;float: left;margin-left:20px;line-height: 34px;transition: all 0.6s ease-in-out;}















.ys_com:hover h4,.ys_com:hover i{transform: translateX(-10px);}















.ys_com h4 p{font-size: 24px;font-family: arial;color: #ababab;text-transform: uppercase;}































.ys_com .con p{font-size: 14px;line-height: 24px;margin-bottom: 20px;}







.ys_com .con {color: #2f2523;clear: both;padding-top: 17px;padding-left: 40px;}















.ys1{left: 613px;top: 320px;}















.ys2{left: 615px;top: 514px;}















.ys2.ys_com .con p{ margin-bottom: 14px;}







































.ys3{left: 7px;top: 25px;}















.ys4{left: 7px;top: 223px;}















 















































.case_dbg{background: url(../images/case_dbg.jpg) no-repeat top center;height: 757px; }







 .case_t{margin-top: 18px;}







.case_t h3{font-size: 24px;font-weight: bold;color: #494949;}















.case_t p{font-family: arial;font-size: 28px;color: #0073bd;text-transform: uppercase;padding:5px 0;}







.case_t  p span{font-weight: bold;}















 







.case_t i {padding-top: 10px;display: block;}































 







.case_n { position: relative;  }







.case_n li{float: right; margin:0px 8px 8px 0;width:325px;height: 224px;display: block;overflow:hidden;  position: relative;







  















}















.case_n ul{width:101%;}







 .case_n li .pic { width: 325px; height: 224px;  overflow: hidden; display: block;   }







.case_n li .pic img { width: 325px; height: 224px;-webkit-transition:all .2s;







-moz-transition:all .2s;







-o-transition:all .2s;







-ms-transition:all .2s;







transition:all .2s;







overflow:hidden; }































.case_n li:first-child{float: right; margin:0px 8px 0px 0;width:515px;height: 456px;display: block;overflow:hidden;position: relative;







  















}







 .case_n li:first-child .pic { width: 515px; height: 456px;  overflow: hidden; display: block;   }







.case_n li:first-child .pic img { width: 515px; height: 456px;-webkit-transition:all .2s;







-moz-transition:all .2s;







-o-transition:all .2s;







-ms-transition:all .2s;







transition:all .2s;







overflow:hidden; }







 







 .case_n li .info{ height: 36px;line-height: 36px;display: block;overflow: hidden; background:rgba(1, 95, 191, 0.8);position: absolute;bottom:0px;left:0px;width:100%; }















 .case_n li .info a{display: block;background: url(../images/case_detail.png) no-repeat right center;margin:0px 10px;color:#FFF;}















 















 .case_n li:hover .pic img {







  transform: scale(1.2, 1.2);







  -ms-transform: scale(1.2, 1.2);







  /* IE 9 */







  -moz-transform: scale(1.2, 1.2);







  /* Firefox */







  -webkit-transform: scale(1.2, 1.2);







  -o-transform: scale(1.2, 1.2);







}































.about_dbg{background: url(../images/about_dbg.jpg) no-repeat top center;height: 492px;}































.about_pic{width: 592px;height: 422px;display: block;margin: 32px 0px 0 0;overflow: hidden;}







.about_pic img{width: 592px;height: 422px;display: block;transition:all .2s;overflow: hidden;}















.about_pic:hover img {







  transform: scale(1.2, 1.2);







 







}























.about{width:532px;margin:40px 0 0 40px;}















.about h3{font-size: 36px;color: #333333;border-bottom: 1px solid #dcdcdc;height:70px;transition:all .2s;}







.about h3 span{font-family: Arial, Helvetica, sans-serif;color: #015fbf;text-transform: uppercase;transition:all .2s;}







 







 















.about .con{line-height: 32px;color: #333333;height: 160px;display: block;overflow: hidden;margin-top: 30px;}















.about_tel p span{font-size: 22px;}







.about_tel p{color: #333333;}















.about_tel{margin-top: 45px;}















.about_tel a{width: 155px;height: 40px;background: #d63229;border-radius: 20px;line-height: 40px;text-align: center;color: #ffffff;display: block;margin-top: 20px;}























.fc_dbg{height: 396px;background: #f2f2f2;}































.fc_nav li{width: 155px;background: #015fbf;border-radius: 20px;line-height: 40px;height: 40px;text-align: center;color: #ffffff;display: inline-block;margin:0px 5px;font-size: 18px;}







.fc_nav li.tag_fc{background: #d63229;cursor: pointer;}







 















 .fc_height{height: 260px;display: block;overflow: hidden;}







.fc_n { position: relative; margin-top: 28px; }







.fc_n li{float: left; margin:0px 30px 28px 0;width:272px;height: 240px;display: block;overflow:hidden; text-align: center;position: relative;







  















}















 















 .fc_n li .pic { width: 272px; height: 190px;  overflow: hidden; display: block;   }







.fc_n li .pic img { width: 272px; height: 190px;-webkit-transition:all .2s;







-moz-transition:all .2s;







-o-transition:all .2s;







-ms-transition:all .2s;







transition:all .2s;







overflow:hidden; }







 







 .fc_n li .info{ height: 40px;line-height: 40px;display: block;overflow: hidden; font-size: 15px;  }















 















 .fc_n li:hover .pic img {







  transform: scale(1.2, 1.2);







  -ms-transform: scale(1.2, 1.2);







  /* IE 9 */







  -moz-transform: scale(1.2, 1.2);







  /* Firefox */







  -webkit-transform: scale(1.2, 1.2);







  -o-transform: scale(1.2, 1.2);







}















.news_height{height:500px;margin-top: 50px;}















.news_right{height:500px;overflow: hidden;left:0px;top:0px;z-index: 1; }















.news_right .news_pic{margin-left: 130px;float: left;}







.news_right .news_pic {width: 319px;height: 219px;float: left;}















.news_right .news_pic img{width: 319px;height: 219px;float: left;}







 







.news_te  li{width:286px;padding-right: 40px;margin-right: 40px;border-right:2px solid #e1e1e1;height: 207px;float: left;}















.news_te{width:705px; }















.news_te ul{width:105%;}















.news_te li i{font-size: 12px;color: #747070;margin-top: 20px;display: block;}







.news_te h4{font-weight: bold;color: #313131;height: 50px;line-height: 50px;display: block;overflow: hidden;}















.news_te li p{line-height: 24px;color: #646464;height:72px;display: block;overflow: hidden;;}















.news_te li a{font-size: 12px;color:#FFF;background: url(../images/news_more.jpg) no-repeat;width:64px;height: 19px;display: block;text-indent: 8px;margin-top: 25px;}























.news_nav li{width: 102px;background: #015fbf; line-height: 40px;height: 40px;text-align: center;color: #ffffff;display:block;margin:20px 0;font-size: 15px;}







.news_nav li:nth-child(1){background: #d63229;}







 







.news_nav li a{color:#FFF;}















.news_l h3 span{font-size: 24px;font-family: arial;color: #333333;display: block;;}















.news_l h3 {font-size: 24px;color: #333333;line-height: 30px;}























.news_list li a{font-size: 14px;color: #646464;}















.news_list{margin-top: 30px;height: 247px;}







.news_list ul{width:105%;}







.news_list li{width: 350px;height: 46px;line-height: 46px;border-bottom: 1px solid #dedede;float: left;margin-right: 35px;background: url(../images/news_tag.jpg) no-repeat left 22px;padding-left: 15px;overflow: hidden;}







.news_l{left:0px;top:0px;z-index: 2;}















.news_list li:hover a{color: #d63229;}















.link_h{float: left;}







.link_h h3{font-size: 18px; color: #1c1c1c;float: left;







background: url(../images/links_tag.jpg) no-repeat right center;padding-right: 80px;;}







.link_h span{font-size: 14px;}







.links_n{width:960px;float: left;margin-left: 20px;}















.links_n a{padding:0px 10px;}















 







.none { display: none; }







.block { display: block; }